html, body, div,section,article,canvas,header,footer,figure,figcaption,nav span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, dd, dl, dt, li, ol, ul,input,select,button,textarea,table,tr,td{ padding:0; margin:0; border:none;outline: none;}
input,button,select,textarea,a,img{outline:none; text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(255,0,0,0);border:none;}
section,article,header,footer,figure,figcaption,nav,canvas{display:block;}
::-moz-focus-inner{border:0px;}
body {font-size:10px; font-family: -apple-system-font,Helvetica Neue,sans-serif,"Microsoft YaHei","Arial", "SimSun";}
html,body{width:100%;height:100%;overflow-y:auto;overflow-x: hidden;background:#f2f2f2;}
ul, ul li, ol li, li {  list-style:none;}
table { border-collapse: collapse;border-spacing:0;}
input, textarea {border: 0;vertical-align: middle;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .clearfix {zoom: 1;}
*:first-child + html .clearfix {zoom: 1;}
.fl {   float:left;}
.fr {   float:right;}
.none{  display:none;}
.elip{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.flex{display: flex;align-items:center;justify-content:center;flex-grow:0;}
*{box-sizing: border-box;-webkit-box-sizing:border-box;-webkit-overflow-scrolling: touch;-webkit-touch-callout:none;}

@media screen and (min-width:240px) and (max-width: 374px){html{font-size: 10px;}
}
@media screen and (min-width:375px) and (max-width: 479px){html{font-size: 13px;}
}
@media screen and (min-width:480px) and (max-width:639px){html{font-size:15px}
}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}
}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}
}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}
}
@media screen and (min-width:800px) and (max-width:959px){html{font-size:25px}
}
@media screen and (min-width:960px) and (max-width:1079px){html{font-size:30px}
}
@media screen and (min-width:1080px){html{font-size:32px}
}


.catchblock{width:100%;height:100%;background:#feda2c;}
.showpage{width:100%;height:auto;padding-bottom:20px;padding-top:10px;background:url(../img/showtabbg.jpg) repeat-x #feda2c;}
.init_content .catchblock> .title{position:relative;width:100%;height:50px;padding:5px;color:#060606;font-size:16px;line-height:40px;text-align:center;background: #feda2c;}
.init_content .catchblock> .title .back{position:absolute;top:5px;left:0px;display: block;width:40px;height:40px;background:url(../img/fanhuijian.png) no-repeat center;background-size:12px;}
.init_content .catchblock> .title img{width:35%;}
.show_video{width:95%;height:calc(100% - 210px);height:-webkit-calc(100% - 210px);margin:0 auto;background:url(../img/biankuang.png) no-repeat top center;background-size:cover;border-radius:5px;overflow:hidden;position:relative}
.video{width:100%;height:100%;padding:2.5% 0;}
.videoimg{width:100%;}
.onlines{position:absolute;top:10px;right:0.66rem;z-index:2;max-width:80%;text-align: right;}
.onlinenum{display:inline-block;color:#fff;background: rgba(0,0,0,0.5);border-radius:20px;padding:2px 10px;font-size:12px;margin:5px;}
.onlinenum span{display:block;width:100%;font-size:14px}
.onlinetext{color:#888}
.onlineuser{width:100%;text-align: right;padding:0 5px;overflow-x: auto;font-size:0;}
.onlineuser li{display: inline-block;width:30px;height:30px;border-radius:50%;margin-right:2px;cursor: pointer;}
.onlineuser img{width:30px;height:30px;border-radius:50%;}

.show_ctrlbox{margin-top:5px;background:url(../img/showplaybg.jpg) no-repeat center;background-size:cover;}
.show_ctrls{width:95%;margin:0 auto;display:-webkit-flex;display:flex;flex-direction:row;padding:20px 0 50px;}
.show_ctrls.none{display: none;}
.show_ctrls > div{flex-grow:1;text-align:center}
.show_ctrls .ctrl{position:relative}
.show_ctrls .ctrl img{width:60px;margin-top:15px}
.show_ctrls .ctrl .mymoney{display:block;padding:0 35px 0 25px;min-width:60px;height:25px;line-height:25px;position:absolute;bottom:-30px;right:-10px;background:#c48305;border-radius:20px 0 0 20px;font-size:12px;color:#fff;}
.show_ctrls .ctrl .mymoney:before{display:block;content:"";width:20px;height:20px;background:url(../img/chongzhizhongxinjinbi.png) no-repeat center;background-size:15px;position:absolute;top:2px;left:0}
.show_ctrls .ctrl .mymoney:after{display:block;content:"";width:20px;height:20px;background:url(../img/add_add.jpg) no-repeat center;background-size:15px;position:absolute;top:2px;right:10px}
.show_ctrls .ctrl .mymoney img{width:15px;vertical-align:middle}
.show_ctrls .ctrlstatr{display:block;width:160px;height:95px;margin:0 auto;background-image:url(../img/kaishizhuawawa.png);background-size:100%;background-repeat:no-repeat;font-size:14px;color:#fff;}
.show_ctrls .ctrlstatr.dstartBg{background-image:url(../img/qitayouxizhong.png);}
.show_ctrls .ctrlstatr .ctrlstatr_money{padding-top:42px;font-size:16px;}
.show_ctrls .ctrlstatr > span{display:block;padding:6px 0 5px}
.show_ctrls .ctrlstatr img{width:15px;margin-right:3px}
.ctrlstatr_money img{vertical-align:middle}
.show_ctrlsed{position:relative;width:95%;height:160px;margin:0 auto;padding:15px 0}
.show_ctrlsed.none{display: none;}
.show_ctrlsed button{position:absolute}
.direction{height:130px;width:180px;position:relative;float: left;}
.direction button{width:60px;height:60px;display:block;}
.direction .left{left:0px;top:45%;margin-top:-25px;background: url(../img/zuoyijian.png) no-repeat center;background-size:cover;transition: all 0.3s linear;-webkit-transition:all 0.3s linear;}
.direction .up{top:0;left:50%;margin-left:-28px;background: url(../img/shangyijian.png) no-repeat center;background-size:cover;transition: all 0.3s linear;-webkit-transition:all 0.3s linear;}
.direction .right{right:0px;top:45%;margin-top:-25px;background: url(../img/youyijian.png) no-repeat center;background-size:cover;transition: all 0.3s linear;-webkit-transition:all 0.3s linear;}
.direction .down{bottom:0;left:50%;margin-left:-30px;background: url(../img/xiayijian.png) no-repeat center;background-size:cover;transition: all 0.3s linear;-webkit-transition:all 0.3s linear;}

.direction .left:active{left:0px;top:45%;margin-top:-25px;background: url(../img/zuoyijian.png) no-repeat center;background-size:90%;}
.direction .up:active{top:0;left:50%;margin-left:-28px;background: url(../img/shangyijian.png) no-repeat center;background-size:90%;}
.direction .right:active{right:0px;top:45%;margin-top:-25px;background: url(../img/youyijian.png) no-repeat center;background-size:90%;}
.direction .down:active{bottom:0;left:50%;margin-left:-30px;background: url(../img/xiayijian.png) no-repeat center;background-size:90%;}

.go{position:relative;float: right;padding-top:1.5rem;padding-right:2rem;}
.go .catch{width:87px;height:85px;position:relative;left:0;top:20%;background: url(../img/kaishiyouxi.png) no-repeat center;background-size:cover;transition: all 0.3s linear;-webkit-transition:all 0.3s linear;}
.go .catch:active{width:87px;height:85px;left:0;top:20%;background: url(../img/kaishiyouxi.png) no-repeat center;background-size:95%;}
.show_list{width:95%;height:auto;margin:0 auto;border-radius:5px}
.show_list .swiper-tab{width:100%;border-bottom:2px solid #eee;text-align:center;line-height:50px;height:50px;background:rgba(255,255,255,0.7);border-radius:5px 5px 0 0;}
.show_list .swiper-tab ul{display: flex;}
.show_list .swiper-tab-item{font-size:14px;display:inline-block;width:50%;height:50px;color:#666;cursor: pointer;}
.show_list .swiper-tab-item.on{color:#f10b2e;border-bottom:2px solid #f10b2e}
.show_list .swiper-box{display:block;width:100%;overflow:hidden}
.swiper-box div{text-align:center}
.swiper-box{height:355px}
/*#history{width:100%;height:100%;padding:10px;overflow-y:auto}*/
.historyitem{width:100%;display:flex;border-bottom:1px solid #eee;padding:10px;font-size:14px}
.historyitem img{width:50px;height:50px;border-radius:50%}
.historyitem .item_mode{}
.historyitem .item_mode.nickname{flex-grow:1;padding-top:8px;display: flex;align-items: center;}
.historyitem .item_mode.nickname span{display:inline-block;font-size:12px;vertical-align: middle;flex: 1;}
.historyitem .time{color:#888;}
.historyitem .time a{background:transparent;width:30px;height:30px;vertical-align: middle;}
.historyitem .time a img{width:30px;height:30px;display: block;vertical-align: middle;}
.toy{width:100%;height:100%;overflow-y:auto}


.topalert{position:fixed;top:-50px;left:0;z-index:12;width:100%;height:50px;background:rgba(0,0,0,0.5);color:#fff;text-align:center;line-height:50px;font-size:14px;transition: all 0.2s linear;-webkit-transition: all 0.2s linear;}
.topalert.animate{top:0;}

.showswiper{width:100%;height:auto;background:#fff;}
.swiper-wrapper.showdelt{width:100%;height:100%;}
/*#wawaintro{width:100%;}*/
#wawaintro img{width:100%;display: block;margin: 0 auto;}

.showchatbox{position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background: rgba(0,0,0,0.2);cursor: pointer;}
.chatmsg{width:100%;padding:10px;position: absolute;bottom:0;left: 0;background:#fff;}
#inputchat{width:calc(100% - 70px);width:-webkit-calc(100% - 70px);background: #eee;height:35px;line-height:35px;border-radius:5px;padding:0 10px;}
#sendmsg{width:60px;height:35px;background:#f4432f;color:#fff;display: inline-block;margin-left:5px;}

.chat-msg-box{width:100%;height:42px;position: absolute;bottom:0.6rem;left: 0;font-size:0;overflow:hidden;overflow-y:auto;}
.live-msg-list{padding:0 12px;}
.live-msg-list  .msg{margin:6px 0;}
.live-msg-list  .msg span{color:#f89c03;font-size:12px;}
.live-msg-list  .msg p{color:#fff;display:inline-block;font-size:12px;padding:0 10px;border-radius: 20px;}

.viewswitch{position:absolute;right:0.5rem;top:160px;width:60px;height:49px;background:#fff6cb;border-radius: 25px 0 0 25px;}
.viewswitch span{display: inline-block;border-radius:50%;width:45px;height:45px;margin:2px 5px;}
.viewswitch span img{width:45px;}

.sysmsgalert{position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,0.3);}
.sysmsgcontent{position:relative;width:280px;height:360px;margin:45% auto 0;background:url(../img/zhuaqu_result.png) no-repeat center;background-size:cover;border-radius:5px;}
.sysmsgcontent .sysimg{padding-bottom:35px;padding-top:20px;text-align:center;}
.sysmsgcontent .result_close{display:block;position: absolute;right:5px;top:5px;width:30px;height:30px;background: transparent;background: url(../img/result_close.png) no-repeat center;background-size:100%;}
.sysmsgcontent .sysimg.addbg{background: url(../img/gameovery.png) no-repeat center;background-size:100%;}
.sysmsgcontent .sysimg .title{padding:15px 0;font-size:20px;color:#ffc50e;}
.sysmsgcontent .sysimg img{width:60%;}
.sysmsgcontent .sysimg p{font-size:14px;color:#f23a3a;text-align:center;margin-top:15px;color:#848484;}
.sysmsgcontent .sysimg p.bb{font-weight:600;color:#000;}
.sysbutton{font-size:0;text-align: center;}
.sysbutton .btn{display:inline-block;font-size:14px;width:120px;height:40px;margin:0 5px;line-height:40px;background:transparent;cursor: pointer;border-radius:3px;}
.sysbutton .btn.invitation {border:1px solid #ddd;color:#666;}
.sysbutton .btn.once{background:#fdda2c;color:#000;}
.sysbutton .btn.once span{color:#f90303;}
.downtime{position: absolute;top:10px;right:0;color:#fb371c;font-size:18px;}

.flymsg{width:100%;position:absolute;top:0;left: 0;z-index:0;}
.flymsg .msgitem{position:absolute;top:0;left:0;border-radius:20px;font-size:0;padding-right:5px;width: 100%;}
.flymsg .msgitem img{width:30px;height:30px;border-radius:50%;vertical-align: middle;}
.flymsg .msgitem span{color:#f59a13;font-size:16px;vertical-align: middle;font-weight: 600;}

.isloginalert{position:fixed;top:0;left:0;z-index:12;width:100%;height:100%;background: rgba(0,0,0,0.5);cursor: pointer;}
.isloginalert .islogincontent{position:absolute;top:40%;left:25%;width:50%;height:85px;font-size:14px;margin-top:-50px;background:#fff;border-radius:5px;margin:0 auto;text-align:center;}
.isloginalert .islogincontent p{margin:10px 0;color:#555;font-size:14px;}
.isloginalert .islogincontent a{display: inline-block;background: #e6a71e;width:60px;height:30px;line-height:30px;border-radius: 5px;color:#fff;}

.init_loading{width:100%;height: 100%;background: #fff;text-align: center;padding-top:45%;}
.init_loading img{width:60%;}
.init_content{height:100%;overflow-y: auto;-webkit-overflow-scrolling : touch;overflow-scrolling : touch;}

.sound-btn{width:30px;height:30px;display: block;background:url(../img/bgmusic.png) no-repeat center;background-size: cover;border-radius:50%;position: absolute;right:1rem;top:80px;}
.catchblock .addsound {
    -webkit-animation:spin 1s infinite linear;
    animation:spin 1s infinite linear
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.gamestarting{position:absolute;top:40%;left:50%;margin-left:-60px;width:120px;height:60px;line-height:60px;color:#fff;text-align:center;background: rgba(0,0,0,0.6);border-radius:6px;font-size:14px;}

.gorecharge{width:100%;height:100%;background:rgba(0,0,0,0.5);position: fixed;top:0;left:0;text-align:center;}
.gorecharge .gorecharge_box{width:80%;background:#fff;color:#666;padding:40px 0;position: absolute;top:38%;left:10%;border-radius:5px;}
.gorecharge .gorecharge_box .info{font-size:14px;}
.gorecharge .gorecharge_box a{display: inline-block;margin:20px 10px 0;background: #feda2c;color:#666;width:80px;height:35px;line-height:35px;font-size:14px;border-radius:5px;}



